<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<base href="<?php echo ADMIN_PUC; ?>" />
		<link href="css/webuploader.css"/>
		<link href="css/base.css"/>
		<link href="css/style.css"/>
	</head>
	<body>
		<p>
			<span>轮播图：</span><div id="filePicker">选择图片</div>
			
		</p>
		
		
		<button class="supiu_a">确认更改</button>
		
		<script src="js/jquery-1.11.1.min.js"></script>
		<script src="js/webuploader.min.js"></script>
				<script>
var uploader = WebUploader.create({

    // 选完文件后，是否自动上传。
    auto: true,

    // swf文件路径
    swf: 'js/Uploader.swf',

    // 文件接收服务端。
    server: '<?php echo QING;?>Admin/up_po',

    // 选择文件的按钮。可选。
    // 内部根据当前运行是创建，可能是input元素，也可能是flash.
    pick: '#filePicker',

    // 只允许选择图片文件。
    accept: {
        title: 'Images',
        extensions: 'gif,jpg,jpeg,bmp,png',
        mimeTypes: 'image/*'
    }
});
// 文件上传过程中创建进度条实时显示。
uploader.on( 'uploadProgress', function( file, percentage ) {
	$(".dsf").append('<p>'+percentage*100+'</p>')
});

// 文件上传成功，给item添加成功class, 用样式标记上传成功。
uploader.on( 'uploadSuccess', function( file ,p) {
  $("#filePicker").attr("src",p.img);
});

$(".supiu_a").on("click",function(){
	          $.ajax({
                type : 'get',
                url : '<?php echo QING;?>Admin/af_sc',
                data : {'banner':$("#filePicker").attr("src")},
                contentType : 'application/x-www-form-urlencoded; charset=UTF-8',
                dataType : 'html',
                success : function(data) {
                   
                },
                error : function(res) {

                }
            })
})
		</script>
	</body>
</html>
